$(function () {
    //得到机器人回复的消息;
    function getResponse(text) {
        // var response = '';
        $.ajax({
            //把Ajax的异步执行改为同步执行但这样子用会导致有延迟发送很慢，得到回复也慢，所以直接在回调函数中渲染，不用返回值了
            // async:false,此为Ajax的异步执行改为同步执行
            type: "GET",
            url: "https://api.ownthink.com/bot",
            data: {
                spoken: text,
                appid: '332b13ccc9c80b419a00008e2122eeb3',
            },
            success: function (res) {
                console.log(res);
                // 这里不能直接给response赋值因为Ajax是异步执行response等不到请求给值，可以把Ajax改为同步
                // response = res.data.info.text;
                appendR(res.data.info.text)
            }
        })
    }
    //给输入框绑定回车的键盘事件传出请求
    $('#request').on('keydown', function (e) {
        if (e.keyCode === 13) {
            console.log(11);
            if ($(this).val() === '')
            {
                alert("消息为空，请重新输入");
            }
            else {
                var request = $(this).val();
                appendL($(this).val());
                $(this).val('');
                getResponse(request);
                
            }
        }
    })
    $('#btn').on('click', function (e) {
        if ($('#request').val() === '') {
            alert("消息为空，请重新输入");
        }
        else {
            var request = $('#request').val();
            appendL($('#request').val());
            $('#request').val('');
            getResponse(request);
        }
    })
    function appendR(text) {
        var li = $('<li class="chatContentR"><span></span><p>' + text + '</p></li > ');
        $(".chatMessage>ul").append(li);
        $('.chatMessage').scrollTop($('.chatMessage')[0].scrollHeight - 600);
    }

    function appendL(text) {
        var li = $('<li class="chatContentL"><p>' + text + '</p><span></span></li > ');
        $(".chatMessage>ul").append(li);
        $('.chatMessage').scrollTop($('.chatMessage')[0].scrollHeight - 600);
    }
    
})